﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Vender - Inaldo Imóveis</title>

<link href="css/style2.css" rel="stylesheet" type="text/css" />
<link href="css/style-solicitar-imovel.css" rel="stylesheet" type="text/css" />
<link href="css/style_radio.css" rel="stylesheet" type="text/css" />
<link href="css/dd.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="favicon.ico"> <!--Icone para a aba do navegador-->

<script src="js/jquery-1-4-3-min.js" type="text/javascript"></script>
<script src="js/ie.js" type="text/javascript"></script>
<script src="js/cust_checkbox_plugin.js" type="text/javascript"></script>
<script src="js/jquery.dd.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function () {
				
function checkMail(mail){
	var er = new RegExp(/^[A-Za-z0-9_\-\.]+@[A-Za-z0-9_\-\.]{2,}\.[A-Za-z0-9]{2,}(\.[A-Za-z0-9])?/);
	if(typeof(mail) == "string"){
		if(er.test(mail)){ return true; }
	}else if(typeof(mail) == "object"){
		if(er.test(mail.value)){ 
					return true; 
				}
	}else{
		return false;
		}
}
	
	$('#menu ul li.vender').css("background", "url(images/index/detalhe-menu.png) no-repeat center left");
	
	$("input[type='radio']").custCheckBox();
		
	try {
		$("#tipo_imovel").msDropDown({mainCSS:'dd2'});
		$("#bairro").msDropDown({mainCSS:'dd3'});
		
		$("#valor").msDropDown({mainCSS:'dd4'});
		$("#dormitorio").msDropDown({mainCSS:'dd5'});
		$("#garagem").msDropDown({mainCSS:'dd5'});
		
		$("#solicitar-tipo-imovel").msDropDown({mainCSS:'dd6'});
		$("#dormit").msDropDown({mainCSS:'dd5'});
		$("#banheiro").msDropDown({mainCSS:'dd5'});
		$("#gar").msDropDown({mainCSS:'dd5'});
		
	//alert($.msDropDown.version);
	//$.msDropDown.create("body select");		
	}catch(e) {
		alert("Error: "+e.message);
	}
	
	
	$('#nome').val('Nome Completo').css('color', '#000');
	$('#email').val('E-mail').css('color', '#000');
	$('#telefone_comercial').val('Telefone Comercial').css('color', '#000');
	$('#telefone_residencial').val('Telefone Residencial').css('color', '#000');
	$('#endereco').val('Endereço').css('color', '#000');
	$('#bair').val('Bairro').css('color', '#000');
	$('#cidade').val('Cidade').css('color', '#000');
	$('#area_total').val('*Área Total').css('color', '#000');
	$('#area_privativa').val('*Área Privativa').css('color', '#000');
	$('#obs').val('Observação').css('color', '#000');
	
	//Nome
	$('#nome').focus(function () {
		if($(this).val() == 'Nome Completo') {
			$(this)	.css('color', '').val('');
		}
		
	}).blur(function() {
		if($(this).val() == '') {
			$(this).css('color', '#000').val('Nome Completo');
		}	
	});
	
	//Email
	$('#email').focus(function () {
		if($(this).val() == 'E-mail') {
			$(this)	.css('color', '').val('');
		}
		
	}).blur(function() {
		if($(this).val() == '') {
			$(this).css('color', '#000').val('E-mail');
		}	
	});
	
	//Telefone Comercial
	$('#telefone_comercial').focus(function () {
		if($(this).val() == 'Telefone Comercial') {
			$(this)	.css('color', '').val('');
		}
		
	}).blur(function() {
		if($(this).val() == '') {
			$(this).css('color', '#000').val('Telefone Comercial');
		}	
	});
	
	//Telefone Residencial
	$('#telefone_residencial').focus(function () {
		if($(this).val() == 'Telefone Residencial') {
			$(this)	.css('color', '').val('');
		}
		
	}).blur(function() {
		if($(this).val() == '') {
			$(this).css('color', '#000').val('Telefone Residencial');
		}	
	});
	
	//Endereco
	$('#endereco').focus(function () {
		if($(this).val() == 'Endereço') {
			$(this)	.css('color', '').val('');
		}
		
	}).blur(function() {
		if($(this).val() == '') {
			$(this).css('color', '#000').val('Endereço');
		}	
	});
	
	//Bairro
	$('#bair').focus(function () {
		if($(this).val() == 'Bairro') {
			$(this)	.css('color', '').val('');
		}
		
	}).blur(function() {
		if($(this).val() == '') {
			$(this).css('color', '#000').val('Bairro');
		}	
	});
	
	//Cidade
	$('#cidade').focus(function () {
		if($(this).val() == 'Cidade') {
			$(this)	.css('color', '').val('');
		}
		
	}).blur(function() {
		if($(this).val() == '') {
			$(this).css('color', '#000').val('Cidade');
		}	
	});
	
	
	//Area Total
	$('#area_total').focus(function () {
		if($(this).val() == '*Área Total') {
			$(this)	.css('color', '').val('');
		}
		
	}).blur(function() {
		if($(this).val() == '') {
			$(this).css('color', '#000').val('*Área Total');
		}	
	});
	
	//Area Privativa
	$('#area_privativa').focus(function () {
		if($(this).val() == '*Área Privativa') {
			$(this)	.css('color', '').val('');
		}
		
	}).blur(function() {
		if($(this).val() == '') {
			$(this).css('color', '#000').val('*Área Privativa');
		}	
	});	
	
	//Observacao
	$('#obs').focus(function () {
		if($(this).val() == 'Observação') {
			$(this)	.css('color', '').val('');
		}
		
	}).blur(function() {
		if($(this).val() == '') {
			$(this).css('color', '#000').val('Observação');
		}	
	});	
	
	
	//Enviar solicitacao
	//Inicio evento para enviar email		
	$('#enviar').click( function () {
		var nome     	=  $('#nome').val();
		var email    	=  $('#email').val();
		var telefone_comercial = $('#telefone_comercial').val();
		var telefone_residencial = $('#telefone_residencial').val();
		
		var tipo_imovel = $('solicitar-tipo-imovel').val();
		var endereco = $('#endereco').val();
		var bairro = $('#bair').val();
		var cidade = $('#cidade').val();
		var area_total = $('#area_total').val();
		var area_privativa = $('#area_privativa').val();
		var dormitorio = $('#dormit').val();
		var banheiro = $('#banheiro').val();
		var garagem = $('#gar').val();
		var observacao = $('#obs').val();
			
		if (nome == 'Nome Completo')	{						
			$('#nome').focus();			
		} else if (!checkMail(email)) {
			$('#email').focus();
		} else if (telefone_comercial == 'Telefone Comercial') {
			$('#telefone_comercial').focus();			
		} else if (telefone_residencial == 'Telefone Residencial') {
			$('#telefone_residencial').focus();			
		} else if (endereco == 'Endereço') {
			$('#endereco').focus();			
		} else if (bairro == 'Bairro') {
			$('#bair').focus();			
		} else if (cidade == 'Cidade') {	
			$('#cidade').focus();
		} else if(observacao == '' || observacao.length < 5) {
			$('#obs').focus();
		}else {			
			$('.loading').show();
			$.post("admin/sistema/enviar_solicitacao_cadastro_imovel.php",{nome: nome, email: email, telefone_residencial: telefone_residencial, 
				 telefone_comercial: telefone_comercial, tipo_imovel: tipo_imovel, endereco: endereco, bairro: bairro, cidade: cidade, 
				 area_total: area_total, area_privativa: area_privativa, dormitorio: dormitorio, banheiro: banheiro, garagem: garagem, 
				 observacao: observacao},
				 
				 function(retorno){									
						$('.loading').hide();						
						document.getElementById('solicitar_cadastro').reset();					
												
						//Inicio Tela Modal
						var id = "#dialog";
	
						var maskHeight = $(document).height();
						var maskWidth = $(window).width();
					
						$('#mask').css({'width':maskWidth,'height':maskHeight});
				
						$('#mask').fadeIn(1000);	
						$('#mask').fadeTo("slow",0.8);	
					
						//Get the window height and width
						var winH = $(window).height();
						var winW = $(window).width();
							  
						$(id).css('top',  winH/2-$(id).height()/2);
						$(id).css('left', winW/2-$(id).width()/2);
					
						$(id).fadeIn(2000); 					
				 });
					
					$('.window .close').click(function (e) {
						e.preventDefault();
						
						$('#mask').hide();
						$('.window').hide();
					});		
					
					$('#mask').click(function () {
						$(this).hide();
						$('.window').hide();		
					 });
		}
		return false;
	}); //FIM de $('#botao').click( function () {});	
	
	
});
</script>

</head>

<body>

<?php //Conexão com o banco de dados
include_once('admin/conexao/config.php');
$config = new Config();
$conexao = $config->conectar();

$sqlTipo = "select * from tipo_imovel where ativado_tipo = 1 order by nome_tipo;";

$tipo = $conexao->prepare($sqlTipo);				

$tipo->execute();

?>

<div id="geral">

  <div id="cabecalho">
	  <?php include("cabecalho.php"); ?>      
  </div> <!-- Fim div CABECALHO -->
  
  <div id="pesquisar">
  		<?php include("pesquisar.php"); ?>		
  </div><!--Fim div PESQUISAR-->
  
  <div id="conteudo">
  		<div id="vender">
        	<img src="images/vender/barra-vender.png" width="970" height="41" alt="Vender" title="Vender" />
        </div><!--Fim div VENDER-->
        
        <div id="conteudo-info">
        
            <div id="formulario-solicitar">
                <form action="" method="post" id="solicitar_cadastro">
                    <img src="images/vender/barra-propri.png" width="550" height="26" alt="Proprietário" title="Proprietário" />
                    <div id="nome_campo">                    
                        <input type="text" name="nome" id="nome" />
                    </div>
                    
                    <div id="email_campo">                    
                        <input type="text" name="email" id="email" />
                    </div> 
                    
                    <div id="telefones_campo">                    
                        <input type="text" name="telefone_comercial" id="telefone_comercial" class="campo1" />
                        <input type="text" name="telefone_residencial" id="telefone_residencial" class="campo2" />
                    </div>
                    
                    <img src="images/vender/barra-imovel-vender.png" width="550" height="26" alt="Vender" title="Vender" class="img_vender" />
                    
                    <div id="tipo-imovel_campo">
                        <select name="solicitar-tipo-imovel" style="width:549px;" id="solicitar-tipo-imovel">
                            <option value="Tipo Imóvel">Tipo Imóvel</option>
                            <?php while($row = $tipo->fetch()) { ?>
                            	<option value="<?php echo $row['nome_tipo']; ?>"><?php echo $row['nome_tipo']; ?> </option>
                            <?php } ?>
                        </select>
                    </div>
                    
                    <div id="endereco_campo">
                        <input type="text" name="endereco" id="endereco" value="Endereço" />
                    </div>
                    
                    <div id="bairro_cidade_campo">                    
                        <input type="text" name="bairro" id="bair" class="campo1" />
                        <input type="text" name="cidade" id="cidade" class="campo2" />
                    </div>
                    
                    <div id="areas_campo">                    
                        <input type="text" name="area_total" id="area_total" class="campo1" />
                        <input type="text" name="area_privativa" id="area_privativa" class="campo2" />
                    </div>
                    
                    <div id="dormitorio-banheiro-garagem_campo">
                        <p class="dormitorios">Dormitórios</p>
                        <div id="select-dormitorio">
                            <select name="dormitorio" id="dormit" style="width:59px;" tabindex="1">
                                  <option value="1">1</option>
                                  <option value="2">2</option>
                                  <option value="3">3</option>
                                  <option value="4">4</option>
                                  <option value="5">5</option>
                                  <option value="6">6</option>
                                  <option value="7">7</option>
                                  <option value="8">8</option>
                                  <option value="9">9</option>
                                  <option value="10">10</option>						
                            </select> 
                         </div>
                         
                         <p class="banheiro">Banheiro</p>
                         <div id="select-banheiro">
                                <select name="banheiro" id="banheiro" style="width:59px;" tabindex="1">
                                      <option value="1">1</option>
                                      <option value="2">2</option>
                                      <option value="3">3</option>
                                      <option value="4">4</option>
                                      <option value="5">5</option>
                                      <option value="6">6</option>
                                      <option value="7">7</option>
                                      <option value="8">8</option>
                                      <option value="9">9</option>
                                      <option value="10">10</option>						
                                </select> 
                         </div>
                         
                         <p class="garagem">Garagem</p>
                         <div id="select-garagem">
                                <select name="garagem" id="gar" style="width:59px;" tabindex="1">
                                      <option value="1">1</option>
                                      <option value="2">2</option>
                                      <option value="3">3</option>
                                      <option value="4">4</option>
                                      <option value="5">5</option>
                                      <option value="6">6</option>
                                      <option value="7">7</option>
                                      <option value="8">8</option>
                                      <option value="9">9</option>
                                      <option value="10">10</option>						
                                </select> 
                         </div>
                    </div><!--Fim div DORMITORIO-BANHEIRO-GARAGEM-->
                    
                    <div id="observacao">
                        <textarea name="obs" id="obs"></textarea>
                    </div>
                    
                    <p class="item_obrigatorio">*Itens não obrigatório</p>
                    
                    <input type="button" id="enviar" class="btn" />
                    
                </form>
            </div><!--Fim div FORMULARIO-SOLICITAR-->
            
            <div id="texto">
                
                <img src="images/vender/chave.png" width="251" height="253" alt="Chave" title="Chave" class="chave" />
                
                <p>Após verificação do formulário, <br />
                entraremos em contato para <br />
                mais detalhes.</p>
                
            </div><!--Fim div TEXTO-->
                            
        </div><!--Fim div CONTEUDO-INFO-->
  </div><!--Fim div CONTEUDO-->
                
</div><!-- Fim div GERAL -->

<div id="rodape">
	<div id="rodape-conteudo">
    	<?php include("rodape.php"); ?>
    </div><!--Fim div RODAPE-CONTEUDO-->
    
</div><!--Fim div RODAPE-->

</body>
</html>